page{
    background: #F3F5FB; 
}
.recommended{
    .recommendedBox{
        background: #FFFFFF;
        box-shadow: 0px 4px 20px 8px rgba(0, 0, 0, 0.02), 0px 2px 8px 0px rgba(0, 0, 0, 0.02), 0px 0px 6px -4px rgba(0, 0, 0, 0.02);
        border-radius: 8px;
        margin: 10px 16px 16px 10px;
        padding: 10px 16px 16px 16px;
    }
    .shang{
        @include wh(16px,16px);
        margin-right:5px;
    }
    .shangNum{
        @include font(14px,#FFB52C);
        font-weight: 500;
    }
    .qzz{
        @include wh(24px,24px);
        margin-right: 8px;
        vertical-align: bottom;
    }
    .recommendedBoxName{
        @include font(14px,#55565D);
        font-weight: 500;
    }
    .recommendedBoxTime{
        @include font(12px,#ACAFC5);
    }
    .recommendedBoxFlex{
        @include flex(space-between,center);
        padding-bottom: 7px;
        border-bottom: 0.5px solid #E3E6F1
    }
    .recommendedBoxTitle{
        padding-top: 15px;
        @include flex(space-between,center);
    }
    .recommendedBoxTitle1{
        font-weight: 500;
        @include font(14px,#3C3D43);
    }
    .recommendedBoxTitle2{
        @include font(12px,$uni-color-primary);
    }
    .recommendedBoxTitle3{
        @include font(12px,#FF627B);
    }
    .recommendedBoxMoney{
        @include font(12px,#55565D);
    }
    .recommendedBoxAddress{
        @include flex(space-between,center);
        @include font(12px,#767885);
    }
    .marignleft8{
        margin-left: 8px
    }
    .margintop12{
        margin-top: 12px
    }
    .margintop9{
        margin-top: 9px
    }
    .colFF6{
        color: #FF627B;
    }
    .meiyou{
        width: 90%;
        text-align: center
    }
    .meiyouBox{
        @include flex(center);
        text-align: center
    }
}
